<template>
  <div class="box-parent">
    <HmHeader />
    <HMMain />
    <HmFooter />
  </div>
</template>

<script>
import HmHeader from '@/components/HmHeader.vue'
import HMMain from '@/components/HMMain.vue'
import HmFooter from '@/components/HmFooter.vue'

export default {
  // 配置对象，就是你在 new Vue({ ... })

  components: {
    HmHeader,
    HMMain,
    HmFooter
  },

  methods: {
    fn() {
      alert('Hello Vue')
    }
  }

}
</script>

<style lang="less">
.box-parent {
  padding: 10px;
  width: 500px;
  height: 200px;
  background-color: pink;
  display: flex;
  flex-direction: column;
}
</style>